<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>Shallife 集美学和匠心的宴会设计</title>
		<link rel="shortcut icon" type="image/x-icon" href="img/static/shallife.ico" media="screen" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" type="text/css" href="css/shallife.css" />
	</head>
	<body>
		<!--总屏幕-->
		<div class="swiper-container" id="fullSwiper">
			<div class="swiper-wrapper">
				<!--首页屏 S-->
				<div class="swiper-slide">
					<div class="header clearfix">
					</div>
					<div class="wrap strategy-home">
						<div class="list-top clearfix">
							<div class="small-imgs">
								<img src="img/online/strategy-home1.png" alt="" />
								<img src="img/online/strategy-home2.png" alt="" />
								<img src="img/online/strategy-home3.png" alt="" />
								<img src="img/online/strategy-home4.png" alt="" />
							</div>
							<div class="big-imgs">
								<img src="img/online/strategy-home1.png" alt="" />
								<img src="img/online/strategy-home2.png" alt="" />
								<img src="img/online/strategy-home3.png" alt="" />
								<img src="img/online/strategy-home1.png" alt="" />
							</div>
							<div class="imgs-recom">
								<div class="recom-slide">
									<a href="">
										<h2 class="mod-part-title">怎么给她/他制造一11111111份惊喜？我有八个小秘诀</h2>
										<p class="mod-part-time">2017-01-01</p>
										<p class="mod-part-con">内容内容内容内容内容内111111111容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
									</a>
								</div>
								<div class="recom-slide">
									<a href="">
										<h2 class="mod-part-title">怎么给她/他制造一份惊2222222222222喜？我有八个小秘诀</h2>
										<p class="mod-part-time">2017-01-01</p>
										<p class="mod-part-con">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
									</a>
								</div>
								<div class="recom-slide">
									<a href="">
										<h2 class="mod-part-title">怎么给她/他3333333333制造一份惊喜？我有八个小秘诀</h2>
										<p class="mod-part-time">2017-01-01</p>
										<p class="mod-part-con">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
									</a>
								</div>
								<div class="recom-slide">
									<a href="">
										<h2 class="mod-part-title">怎么给她/他制造4444444444444一份惊喜？我有八个小秘诀</h2>
										<p class="mod-part-time">2017-01-01</p>
										<p class="mod-part-con">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
									</a>
								</div>
							</div>
						</div>
						<div class="list-bottom">
							<div class="list-slider clearfix">
								<a href="">
									<div class="list-slider-img">
										<img src="img/online/strategy-home1.png" />
									</div>
									<div class="list-slider-con">
										<h2 class="mod-part-title">怎么给她/他制造一份惊喜？我有八个小秘诀</h2>
										<p class="mod-part-con">内容内容内容内容内容内容内容内容容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
										<p class="mod-part-time">2017-01-01</p>
									</div>
								</a>
							</div>
							<div class="list-slider clearfix">
								<a href="">
									<div class="list-slider-img">
										<img src="img/online/strategy-home1.png" />
									</div>
									<div class="list-slider-con">
										<h2 class="mod-part-title">怎么给她/他制造一份惊喜？我有八个小秘诀</h2>
										<p class="mod-part-con">内容内容内容内容内容内容内容内容容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
										<p class="mod-part-time">2017-01-01</p>
									</div>
									<a href="">
							</div>
						</div>
					</div>

				</div>
				<!--首页屏E-->
				<!--求婚/表白S-->
				<div class="swiper-slide strategy-qhbb">
					<div class="wrap">
						<div class="section-qhbb">
							<h1 class="strategy-part-tit">
				  	 	<b>A</b>
				  	 	 <span>求婚/表白</span>
				  	 	<b>proposal</b>
				  	 </h1>
							<div class="strategy-part-con">
								<div class="strategy-part-left">
									<img src="img/online/strategy-home1.png" />
									<img src="img/online/strategy-home1.png" />
								</div>
								<div class="strategy-part-right">
									<h2 class="part-right-subtit">细数2017最浪漫的求婚细节</h2>
									<div class="part-right-navlist">
										<ul>
											<li>
												<a href="">标题标题标题标题标题</a>
											</li>
											<li>
												<a href="">标题标题标题标题标题</a>
											</li>
											<li>
												<a href="">标题标题标题标题标题</a>
											</li>
											<li>
												<a href="">标题标题标题标题标题</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="list-bottom">
								<div class="list-slider clearfix">
									<a href="">
										<div class="list-slider-img">
											<img src="img/online/strategy-home1.png" />
										</div>
										<div class="list-slider-con">
											<h2 class="mod-part-title">怎么给她/他制造一份惊喜？我有八个小秘诀</h2>
											<p class="mod-part-con">内容内容内容内容内容内容内容内容容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
											<p class="mod-part-time">2017-01-01</p>
										</div>
									</a>
								</div>
								<div class="list-slider clearfix">
									<a href="">
										<div class="list-slider-img">
											<img src="img/online/strategy-home1.png" />
										</div>
										<div class="list-slider-con">
											<h2 class="mod-part-title">怎么给她/他制造一份惊喜？我有八个小秘诀</h2>
											<p class="mod-part-con">内容内容内容内容内容内容内容内容容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
											<p class="mod-part-time">2017-01-01</p>
										</div>
									</a>
								</div>
								<div class="list-slider clearfix">
									<a href="">
										<div class="list-slider-img">
											<img src="img/online/strategy-home1.png" />
										</div>
										<div class="list-slider-con">
											<h2 class="mod-part-title">怎么给她/他制造一份惊喜？我有八个小秘诀</h2>
											<p class="mod-part-con">内容内容内容内容内容内容内容内容容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
											<p class="mod-part-time">2017-01-01</p>
										</div>
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--求婚/表白E-->
				<!--婚礼S-->
				<div class="swiper-slide strategy-hl">
					<div class="wrap">
						<div class="section-hl">
							<h1 class="strategy-part-tit">
				  	 	<b>The</b>
				  	 	 <span>婚礼</span>
				  	 	<b>wedding</b>
				  	 </h1>
							<div class="strategy-part-con">
								<div class="strategy-part-left">
									<img src="img/online/strategy-home1.png" />
									<img src="img/online/strategy-home1.png" />
								</div>
								<div class="strategy-part-right">
									<h2 class="part-right-subtit">细数2017最浪漫的求婚细节</h2>
									<div class="part-right-navlist">
										<ul>
											<li>
												<a href="">标题标题标题标题标题</a>
											</li>
											<li>
												<a href="">标题标题标题标题标题</a>
											</li>
											<li>
												<a href="">标题标题标题标题标题</a>
											</li>
											<li>
												<a href="">标题标题标题标题标题</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="list-bottom">
								<div class="list-slider clearfix">
									<a href="">
										<div class="list-slider-img">
											<img src="img/online/strategy-home1.png" />
										</div>
										<div class="list-slider-con">
											<h2 class="mod-part-title">怎么给她/他制造一份惊喜？我有八个小秘诀</h2>
											<p class="mod-part-con">内容内容内容内容内容内容内容内容容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
											<p class="mod-part-time">2017-01-01</p>
										</div>
									</a>
								</div>
								<div class="list-slider clearfix">
									<a href="">
										<div class="list-slider-img">
											<img src="img/online/strategy-home1.png" />
										</div>
										<div class="list-slider-con">
											<h2 class="mod-part-title">怎么给她/他制造一份惊喜？我有八个小秘诀</h2>
											<p class="mod-part-con">内容内容内容内容内容内容内容内容容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
											<p class="mod-part-time">2017-01-01</p>
										</div>
									</a>
								</div>
								<div class="list-slider clearfix">
									<a href="">
										<div class="list-slider-img">
											<img src="img/online/strategy-home1.png" />
										</div>
										<div class="list-slider-con">
											<h2 class="mod-part-title">怎么给她/他制造一份惊喜？我有八个小秘诀</h2>
											<p class="mod-part-con">内容内容内容内容内容内容内容内容容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
											<p class="mod-part-time">2017-01-01</p>
										</div>
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--婚礼E-->

				<!--生日S-->
				<div class="swiper-slide strategy-sr">
					<div class="wrap">
						<div class="section-sr">
							<h1 class="strategy-part-tit">
				  	 	<b>The</b>
				  	 	 <span>生日</span>
				  	 	<b>birthday</b>
				  	 </h1>
							<div class="strategy-part-con">
								<div class="strategy-part-left">
									<img src="img/online/strategy-home1.png" />
									<img src="img/online/strategy-home1.png" />
								</div>
								<div class="strategy-part-right">
									<h2 class="part-right-subtit">细数2017最浪漫的求婚细节</h2>
									<div class="part-right-navlist">
										<ul>
											<li>
												<a href="">标题标题标题标题标题</a>
											</li>
											<li>
												<a href="">标题标题标题标题标题</a>
											</li>
											<li>
												<a href="">标题标题标题标题标题</a>
											</li>
											<li>
												<a href="">标题标题标题标题标题</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="list-bottom">
								<div class="list-slider clearfix">
									<a href="">
										<div class="list-slider-img">
											<img src="img/online/strategy-home1.png" />
										</div>
										<div class="list-slider-con">
											<h2 class="mod-part-title">怎么给她/他制造一份惊喜？我有八个小秘诀</h2>
											<p class="mod-part-con">内容内容内容内容内容内容内容内容容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
											<p class="mod-part-time">2017-01-01</p>
										</div>
									</a>
								</div>
								<div class="list-slider clearfix">
									<a href="">
										<div class="list-slider-img">
											<img src="img/online/strategy-home1.png" />
										</div>
										<div class="list-slider-con">
											<h2 class="mod-part-title">怎么给她/他制造一份惊喜？我有八个小秘诀</h2>
											<p class="mod-part-con">内容内容内容内容内容内容内容内容容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
											<p class="mod-part-time">2017-01-01</p>
										</div>
									</a>
								</div>
								<div class="list-slider clearfix">
									<a href="">
										<div class="list-slider-img">
											<img src="img/online/strategy-home1.png" />
										</div>
										<div class="list-slider-con">
											<h2 class="mod-part-title">怎么给她/他制造一份惊喜？我有八个小秘诀</h2>
											<p class="mod-part-con">内容内容内容内容内容内容内容内容容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
											<p class="mod-part-time">2017-01-01</p>
										</div>
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--生日E-->

				<!--宴会S-->
				<div class="swiper-slide strategy-yh">
					<div class="wrap">
						<div class="section-yh">
							<h1 class="strategy-part-tit">
				  	 	<b>A</b>
				  	 	 <span>宴会/PARTY</span>
				  	 	<b>banquet</b>
				  	 </h1>
							<div class="strategy-part-con">
								<div class="strategy-part-left">
									<img src="img/online/strategy-home1.png" />
									<img src="img/online/strategy-home1.png" />
								</div>
								<div class="strategy-part-right">
									<h2 class="part-right-subtit">细数2017最浪漫的求婚细节</h2>
									<div class="part-right-navlist">
										<ul>
											<li>
												<a href="">标题标题标题标题标题</a>
											</li>
											<li>
												<a href="">标题标题标题标题标题</a>
											</li>
											<li>
												<a href="">标题标题标题标题标题</a>
											</li>
											<li>
												<a href="">标题标题标题标题标题</a>
											</li>
											<li>
												<a href="">标题标题标题标题标题</a>
											</li>
											<li>
												<a href="">标题标题标题标题标题</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="list-bottom">

								<div class="list-slider clearfix">
									<a href="">
										<div class="list-slider-img">
											<img src="img/online/strategy-home1.png" />
										</div>
										<div class="list-slider-con">
											<h2 class="mod-part-title">怎么给她/他制造一份惊111喜？我有八个小秘诀</h2>
											<p class="mod-part-con">内容内容内容内容内容内容内容内容容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
											<p class="mod-part-time">2017-01-01</p>
										</div>
									</a>
								</div>
								<div class="list-slider clearfix">
									<a href="">
										<div class="list-slider-img">
											<img src="img/online/strategy-home1.png" />
										</div>
										<div class="list-slider-con">
											<h2 class="mod-part-title">怎么给她/他制造一222份惊喜？我有八个小秘诀</h2>
											<p class="mod-part-con">内容内容内容内容内容内容内容内容容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
											<p class="mod-part-time">2017-01-01</p>
										</div>
									</a>
								</div>
								<div class="list-slider clearfix">
									<a href="">
										<div class="list-slider-img">
											<img src="img/online/strategy-home1.png" />
										</div>
										<div class="list-slider-con">
											<h2 class="mod-part-title">怎么给她/他制造333一份惊喜？我有八个小秘诀</h2>
											<p class="mod-part-con">内容内容内容内容内容内容内容内容容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
											<p class="mod-part-time">2017-01-01</p>
										</div>
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--宴会E-->

				<!--我们 S-->
				<div class="swiper-slide" id="footer">
					<div class="our-title">
						<h1 class="part-title">我们</h1>
						<p class="part-describe">
							Let's see what kind of business shallife is， What do you want to?
						</p>
					</div>

					<div class="our-logo">
						<div class="logo-img">
							<img src="img/static/shallife-logo.png" />
						</div>
						<h2 class="logo-tip">用爱珍藏幸福时刻</h2>
					</div>
					<!--我们的小导航-->
					<div class="swiper-container" id="ourSwiper">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<h3 class="our-foot-tit">Shallife·用爱珍藏幸福时刻</h3>
								<p class="our-foot-con">Shallife是一家注重记录“ 爱和感动” 的宴会设计公司<br /> 我们主要进行求婚表白、婚礼宴会、生日宴会、晚宴活动、纪念活动等宴会策划设计
									<br /> 我们秉承匠心、极致、创新的工作态度为您呈现具有情感温度、丰富内涵的创新美学宴会现场
									<br /> 我们用心记录您生活中爱的感动时刻。
									<br />
								</p>
							</div>
							<div class="swiper-slide">
								<h3 class="our-foot-tit">Shallife是一家创新型的宴会设计公司</h3>
								<p class="our-foot-con">
									我们旨在做深入人心、逼格爆表、传播爆棚的宴会作品<br /> 目前我们正在飞快地发展中，需要更多优秀的伙伴加入我们
									<br /> 非常欢迎热爱婚礼行业的小伙伴与我们共同携手前行
									<br /> 我们会为您提供极具行业竞争力的薪酬待遇，宽阔的职场晋升空间
									<br />
								</p>
							</div>
							<div class="swiper-slide">
								<h3 class="our-foot-tit">Shallife是正在发展前进中的公司</h3>
								<p class="our-foot-con">
									我们需要更多的合作伙伴与我们携手发展共赢<br /> 同时我们有很多地方还不够完善
									<br /> 我们非常希望您能给予我们一些宝贵的意见和建议，这样我们会不断提升自己，只为给您的服务做得更好！
									<br /> 邮箱：work@shallife.com
									<br /> 热线：13350344936
									<br />
								</p>
							</div>
							<div class="swiper-slide">
								<h3 class="our-foot-tit">Shallife微信公众号</h3>
								<p class="our-foot-con">
									<img src="img/static/weixing.png" />
								</p>
							</div>
							<div class="swiper-slide">
								<h3 class="our-foot-tit">Shallife官方电话：400-8819-520</h3>
								<p class="our-foot-con">
									期待为您珍藏幸福时刻，即刻拨打尊享专属服务！
								</p>
							</div>
						</div>
					</div>
					<div class="our-nav">
						<ul>
							<li class="active">关于我们</li>
							<li>加入我们</li>
							<li>联系我们</li>
							<li>关注我们</li>
							<li>幸福热线</li>
						</ul>
					</div>
					<div class="footer-record">
						<div class="">
							<a href="http://www.miibeian.gov.cn" ; target="_blank">Copyright © Shallife相合 版权所有 渝ICP备17012606号-2</a>
						</div>
						<div>
							<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010302001792" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="" style="float:left;" />
								<p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;"><img src="img/static/ga-record.png" />渝公网安备 50010302001792号</p>
							</a>
						</div>
					</div>
				</div>
				<!--我们 E-->
			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination"></div>
			<!-- 如果需要滚动条 -->
		</div>
		<script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/shallife.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(".list-top .small-imgs img").on("click mouseover", function() {
				$(".list-top .big-imgs img").eq($(this).index()).fadeIn(500).siblings().fadeOut(500);
				$(".list-top .imgs-recom .recom-slide").eq($(this).index()).fadeIn(500).siblings().fadeOut(500);
			});
			var strategyUrl = "/Shallife/raiders";
			$.ajax({
				type: "post",
				url: serviceIP + strategyUrl,
				async: true,
				dataType: 'json',
				success: function(data) {
					console.log(data.result);
					drawSection(data.result.propose, $(".section-qhbb"));
					drawSection(data.result.wedding, $(".section-hl"));
					drawSection(data.result.banquet, $(".section-yh"));
					drawSection(data.result.birthday, $(".section-sr"));
					drawRecommend(data.result.recommend);
					drawListBottom(data.result.recommend);
				}
			});
			/*渲染数据*/
			function drawSection(data, $jq) {
				var strLi = "";
				for(var i = 0; i < data.length; i++) {
					strLi += '<li><a href="strategy-details.html?raiders_id=' + data[i].id + '">' + data[i].title + '</a></li>';
				}
				$jq.find(".part-right-navlist ul").html(strLi);
				for(var i = 0; i < 3; i++) {
					$jq.find(".list-slider a").eq(i).attr("href", "strategy-details.html?raiders_id=" + data[i].id);
					$jq.find(".list-slider .list-slider-img img").eq(i).attr("src", data[i].img);
					$jq.find(".list-slider .mod-part-title").eq(i).text(data[i].title);
					$jq.find(".list-slider .mod-part-con").eq(i).text(data[i].abstract);
					$jq.find(".list-slider .mod-part-time").eq(i).text(data[i].addtime);
				}
				$jq.find(".strategy-part-left img").each(function(index) {
					$(this).attr("src", data[index].img);
				})
			}
			/*渲染首页第一排的4个*/
			function drawRecommend(recommend) {
				var i = 0;
				var $smallImgs = $(".strategy-home .small-imgs img");
				var $bigImgs = $(".strategy-home .big-imgs img");
				var $recom = $(".strategy-home .imgs-recom .recom-slide");
				while(i < $smallImgs.length) {
					$smallImgs.eq(i).attr("src", recommend[i].img);
					$bigImgs.eq(i).attr("src", recommend[i].img);
					$recom.eq(i).find(".mod-part-title").text(recommend[i].title);
					$recom.eq(i).find(".mod-part-time").text(recommend[i].addtime);
					$recom.eq(i).find(".mod-part-con").text(recommend[i].abstract);
					$recom.eq(i).find("a").attr("href", "strategy-details.html?raiders_id=" + recommend[i].id);
					i++;
				}
			}
			/*渲染首页的列表2个*/
			function drawListBottom(recommend) {
				var j = 0;
				if(recommend.length >= 6) {
					j = 4;
				}
				$(".strategy-home .list-bottom .list-slider").each(function(index) {
					$(this).children("a").attr("href", "strategy-details.html?raiders_id=" + recommend[j + index].id);
					$(this).find("img").attr("src", recommend[j + index].img);
					$(this).find(".mod-part-title").text(recommend[j + index].title);
					$(this).find(".mod-part-con").text(recommend[j + index].abstract);
					$(this).find(".mod-part-time").text(recommend[j + index].addtime);
				})
			}
		</script>

	</body>

</html>